.ac-game-settings {
	width: 100%;
	height: 100%;
	background-image: url("/static/image/menu/background.gif");
	background-size: 100% 100%;
	user-select: none;
}
.ac-game-settings-login {
	height: 41vh;
	width: 20vw;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: rgba(0, 0, 0, 0.7);
	border-radius: 5px;
}
.ac-game-settings-password {
	display: block;
	height: 7vh;
}
.ac-game-settings-submit {
	display: block;
	height: 7vh;
}
.ac-game-settings-acwing {
	display: block;
	height: 7vh;
}

.ac-game-settings-title {
	color: white;
	font-size: 3vh;
	text-align: center;
	padding-top: 2vh;
	margin-bottom: 2vh;
}
.ac-game-settings-username {
	display: block;
	height: 7vh;
}
.ac-game-settings-item {
	width: 100%;
	height: 100%;
}
.ac-game-settings-item > button {
	color: white;
	width: 90%;
	line-height: 3vh;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #4CAF50;
	border-radius: 5px;
}


.ac-game-settings-item > input {
	width: 90%;
	line-height: 3vh;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.ac-game-settings-error-message {
	color: red;
	font-size: 0.8vh;
	display: inline;
	float: left;
	padding-left: 1vw;
}
.ac-game-settings-option {
	color: white;
	font-size: 2vh;
	display: inline;
	float: right;
	padding-right: 1vw;
	cursor: pointer;
}
.ac-game-settings-acwing > img {
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
	display: block;
}
.ac-game-settings-acwing > div {
	color: white;
	font-size: 1.5vh;
	text-align: center;
	display: block;
}




.ac-game-settings-register {
	height: 49vh;
	width: 20vw;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: rgba(0, 0, 0, 0.7);
	border-radius: 5px;
}


.ac-game-menu {
	width: 100%;
	height: 100%;
	background-image: url("/static/image/menu/background.gif");
	background-size: 100% 100%;
	user-select: none;
}
.ac-game-menu-field {
	width: 20vw;
	position: relative;
	top: 40%;
	left: 20%;
}

.ac-game-menu-field-item {
	color: white;
	height: 6vh;
	width: 18vw;
	font-size: 4vh;
	font-style: italic;
	text-align: center;
	background-color: rgba(39,21,28, 0.6);
	border-radius: 10px;
	letter-spacing: 0.5vw;
	cursor: pointer;
}
.ac-game-menu-field-item:hover {
	transform: scale(1.2);
	transition: 100ms;
}

.ac-game-playground{
	width: 100%;
	height: 100%;
	user-select: none;
	background-color: grey;
}
.ac-game-playground > canvas {
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.ac-game-chat-field-history {
	position: absolute;
	top: 66%;
	left: 20%;

	transform: translate(-50%, -50%);

	width: 20%;
	height: 32%;

	color: white;
	font-size: 2vh;

	padding: 5px;
	overflow: auto;
}

.ac-game-chat-field-history::-webkit-scrollbar {
	width: 0;
}

.ac-game-chat-field-input {
	position: absolute;
	top: 86%;
	left: 20%;
	transform: translate(-50%, -50%);

	width: 20%;
	height: 3vh;

	color: white;
	font-size: 2vh;

	background-color: rgba(222,225,230, 0.2);
}

